var vm = new Vue({
    el: '#app',
    data: {
        menu_html: '',
        info_html: '',
        articleId: '',
        content_html: '',
        content_md: '',
        title: '',
        tags: '',
        content_abstract: '',
        gmtModify: '',
        gmtCreate: ''
    },
    methods: {
        getMenu: function () {
            $("#menu").load("menu.html", function (response) {
                vm.menu_html = response;
            });
        },
        getLeftContent: function () {
            $("#info").load("info.html", function (response) {
                vm.info_html = response;
            });
        },
        getArticle: function () {

            var editormdView;
            var url = baseURL + "/article/get/20171122164134583000001032000019";
            $.get(url, function (data, status) {
                // 得到标题
                vm.title=data.title;

                editormdView = editormd.markdownToHTML("editormd-view", {
                    markdown        : data.contentMd ,//+ "\r\n" + $("#append-test").text(),
                    //htmlDecode      : true,       // 开启 HTML 标签解析，为了安全性，默认不开启
                    htmlDecode      : "style,script,iframe",  // you can filter tags decode
                    //toc             : false,
                    tocm            : true,    // Using [TOCM]
                    tocContainer    : "#custom-toc-container", // 自定义 ToC 容器层
                    //gfm             : false,
                    //tocDropdown     : true,
                    // markdownSourceCode : true, // 是否保留 Markdown 源码，即是否删除保存源码的 Textarea 标签
                    emoji           : true,
                    taskList        : true,
                    tex             : true,  // 默认不解析
                    flowChart       : true,  // 默认不解析
                    sequenceDiagram : true  // 默认不解析
                });

            });

        }
    },
    created: function () {
        this.getMenu();
        this.getLeftContent();
        this.getArticle();
    }

});
